<template>
    <!-- 标题 -->
    <LS_topic 
        title="注册口袋账户"
        :subtitle=subtitle
    >
    </LS_topic>

    <!-- 表单输入 -->
    <form>
        <input id="username" type="text" placeholder="口袋账户名" v-model="username"/>
        <input id="password" type="password" placeholder="输入密码" v-model="password"/>

        <a id="submit" @click="api.check_in({username, password})">开始</a>
    </form>
</template>

<script setup>
import { ref } from 'vue';
import LS_topic from '@/components/Topic.vue';
import { Api } from '@/assets/js/api';

const subtitle = ref([
    '准备好享受买卖乐趣 🥳',
    '口袋集市欢迎你 🛍️',
    '赶紧开始吧 😊'
])

const username = ref("")
const password = ref("")

const api = new Api();
//检查登录状态
api.check_session();
</script>

<style src="./check_in.css" scoped></style>